<!doctype html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>YEEKIT文档翻译</title>
	<meta name="keywords" content="YEEKIT,文档翻译,word翻译,论文翻译,pdf翻译,翻译工具,在线翻译,机器翻译">
	<meta name="description" content="YEEKIT是强大的免费工具平台，通过亿万级专业语料库和大数据技术为用户提供机器翻译、YEEKIT文档翻译、CAT辅助翻译、语料管理、YEEKIT网页翻译、多语字幕制作翻译软件——字幕通、开放API等服务。">
	<link rel="shortcut icon" type="image/x-icon" href="logo.png" />
	<link rel="stylesheet" href="./lib/bootstrap.min.css">
	<link rel="stylesheet" href="./font_698860_17hej2il3m1jor/iconfont.css">
	<link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./css/state.css">
	<link rel="stylesheet" href="./css/index.css">
	<link rel="stylesheet" href="./css/media.css">
</head>

<body>

<div class="header">
	<div class="header-main container">
		<div class="header-left">
			<a href="index.html" class="logo-img"></a>
		</div>
		<div class="change-password-text" id="changePassword" style="display: none">
			<span >修改密码</span>
		</div>
		<div class="header-right">
			<div class="header-right" id="header_Land" style="width:100%">
				<span style="display: none">注&nbsp;&nbsp;册</span>
				<span id="loginIn">登&nbsp;&nbsp;录</span>
			</div>
			<div id="user_list" class="user_list">
				<div><img src="img/avatar.png" alt=""></div>
				<ul>
					<li style="color:#fff" title="">
					</li>
				</ul>
				<ul id="header-right_list">
					<li>
						<a href="MyFile.html" style="
								    display: inline-block;
								    width: 100%;
								"><span class="iconfont"></span>我的文档</a>
					</li>
					<li id="logout">
						<span class="iconfont">&#xe78c;</span>
						<span>退出</span>
					</li>
				</ul>
			</div>

		</div>
		<div class="header-center artificial">
			<a href="index.html">文档翻译</a>
			<a href="translate.html">机器翻译</a>
		</div>

	</div>
</div>
</div>
<div class="main">
	<div class="content container" style="min-height: 660px">
		<div class=" container-height"style="min-height: 660px">
			<!--file-->
			<div class="content-file">
				<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="padding-left: 0px;overflow: auto" >
					<div class="modal-dialog" style="margin:300px 40%;background-color: transparent">
						<div class="modal-content" style="width: 300px;text-align: center;background-color:rgb(127 127 127);">
							<div class="modal-body" style="color: black;">
								请先同意相关服务条款
							</div>
						</div><!-- /.modal-content -->
					</div><!-- /.modal -->
				</div>
				<div class="modal fade" id="change" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="padding-left: 0px;overflow: auto" >
					<div class="modal-dialog" style="margin:300px 40%;background-color: transparent">
						<div class="modal-content" style="width: 300px;text-align: center;background-color:rgb(127 127 127);">
							<div class="modal-body" style="color: white;">
								文档格式正在转换中，请稍后提交订单
							</div>
						</div><!-- /.modal-content -->
					</div><!-- /.modal -->
				</div>
				<div class="content-file-row lightblue" id="header-row" >
					<div class="col-md-1 col-xs-2">序号</div>
					<div class="col-md-4 col-xs-4" style="width: 25%">文件名</div>
					<div class="col-md-2 col-xs-2" style="width: 10%;">字符数</div>
					<div class="col-md-3 col-xs-3" style="width: 20%">进度</div>
					<div class="col-md-3 col-xs-3" style="width: 20%">文档信息</div>
					<div class="col-md-2 col-xs-1">操作</div>
				</div>
				<div id="body-row">
					<div class="content-file-row" style="height:80px;display: none;" id="file-loading">
						<img src="img/loading.gif" style="margin-top: 22px;" alt="文档翻译">
					</div>
				</div>
				<label>
					<div class="row-main">
                        <span tabindex="0" class="btn-upload" role="button" id="drop-span">
                        	<form name="formData" id="formData" >
								 <input type="file" name="file" accept=".docx,.pdf,.xlsx,.pptx,.png,.jpg" style="display: none" id="dropbox" multiple = "multiple">
                           		 <input type="hidden" name="wait" id="wait">
                            </form>
                            <div class="row-container">
                                <p><span class="glyphicon glyphicon-folder-open" style="color:rgb(224 224 224)"></span></p>
                                <span class="text">点击</span>
                                <span class="hint">或</span>
                                <span class="text">拖拽文件</span>
                                <span class="hint">,我们将为您提供智能翻译服务。</span>
                            </div>
                        </span>
					</div>
				</label>
				<div class="row-footer">
					<div class="col-md-4 col-ms-4 col-xs-4 text-left">
						<span class="hint">文档字符数</span>
						<span id="size">0</span>
						<div class="wordnumber">文档转换数<span id="titlenum">0</span></div>
					</div>
					<div class="col-md-4 col-ms-4 col-xs-4 text-center" style="opacity: 0;width: 30%">
						<span class="hint">单价</span>
						<span>￥</span>
						<span class="price-num">1</span>
						<span>/千字符数
							<a href="#" class="tooltip-test " data-placement="top" data-toggle="tooltip" title="" style="color:#D4D4D4;" data-original-title="一个汉字、英文字母、标点、符号等，均计为一个字符。">
							<span class="glyphicon glyphicon-question-sign"style="color:rgb(212 213 213)" ></span>
						</a></span>
						<span style="font-size:14px;color: rgba(0,0,0,0.45)"></span>
						<div class="wordnumber1" style="margin-left:-60px;">
							<span class="hint">单价</span>
							<span>￥</span>
							<span class="price-num">2</span>
							<span>/个</span>
						</div>
					</div>
					<div class="col-md-4 col-ms-4 col-xs-4 text-right" style="width: 36%">
						<span class="hint">支持上传docx、pdf、png、jpg、xlsx和pptx文件</span>
					</div>
					<div class="col-md-4 col-ms-4 col-xs-4 text-right" style="display: none">
						<span class="hint">翻译金额</span>
						<span>￥</span>
						<span class="price-num" id="total-amount">0</span>
						<div class="wordnumber2">
							<span class="hint">文件转换金额</span>
							<span>￥</span>
							<span class="price-num" id="wordchange">0</span>
						</div>
						<div class="wordnumber3">
							<span class="hint">总金额</span>
							<span>￥</span>
							<span class="price-num" id="wordnum">0</span>
						</div>
					</div>
				</div>
			</div>
			<!--语言弹出框-->
			<div class="modal fade" id="languageModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog" style="width: 65%">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
								&times;
							</button>
							<h4 class="modal-title" id="myModalLabel">
								选择语言
							</h4>
						</div>
						<div class="modal-body" style="height: 114px;">
							<div class="row" id="language-box1" style="margin:25px 0px 0px 0px">
								<div class="content-left col-md-12 clearfix">
									<div class="sourcelanguage" style="width: 65px;padding-left: 15px;margin: 10px 25px;border-color: transparent;" >
										源语言
									</div>

									<div id="src1" style="position: absolute;left: 11%;margin-left: 0px">
										<div id="src-button1" >
										</div>
										<!--							<button type="button"  class="btn  language-button" style="width: 26px;padding-left: 4px;padding-right: 4px;border-radius: 0 5px 5px 0;outline: none;" data-target="#src-more" style="background-color: rgb(210 210 210)">
                                                                        <span class="glyphicon glyphicon-triangle-bottom" style="color: rgb(255, 255, 255);"></span>
                                                                    </button>-->
										<div id="src-more1">
										</div>
									</div>
									<div class="changeButton" style="left: 50%;"></div>
									<div class="Purposelanguage" style="width: 75px;padding-left: 15px;margin: 10px 25px;border-color: transparent;left:65%;" >
										目的语言
									</div>
									<!--zhong-->
									<div id="dst1" style="position: absolute;left: 72%;margin-left: 0px">
										<div id="dst-button1" style="margin-left: 70px">
										</div>
										<!--							<button type="button" class="btn  language-button" style="width: 26px;padding-left: 4px;padding-right: 4px;border-radius: 0 5px 5px 0;outline: none;" data-target="#dest-more">
                                                                        <span class="glyphicon glyphicon-triangle-bottom" style="color: rgb(255, 255, 255);"></span>
                                                                    </button>-->

										<div id="dest-more1">
											<!--<button type="button" class="btn btn-default" style="border: 2px solid rgb(143, 207, 255);">中文简体</button>
                                       <button type="button" class="btn btn-default" >英文</button>
                                       <button type="button" class="btn btn-default" >西班牙语</button>-->
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭
							</button>
							<button type="button" class="btn btn-primary" id="completeButton">
								完成
							</button>
							<button type="button" class="btn btn-primary" id="dropCompleteButton">
								完成
							</button>
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal -->
			</div>
			<!--提交订单-->
			<!--				<div class="col-md-6" style="margin: 10px 0">
                                <span>支持docx，pptx文件
                                    <a href="#" class="tooltip-test" data-placement="bottom" data-toggle="tooltip" title="" style="color:#444" data-original-title="说明：本网站目前只支持docx，pptx文档格式，其它文档格式请提前转换为docx或pptx格式之后再上传。">
                                        <span class="glyphicon glyphicon-question-sign"></span>
                                    </a></span>
                                <span>&nbsp;&nbsp;最多10个文件，单个文件小于20MB</span>
                            </div>-->
			<!--language-->
			<!--<div class="row" id="language-box" style="margin:25px 0px 0px 0px">-->
			<!--<div class="content-left col-md-12 clearfix">-->
			<!--<div class="sourcelanguage" style="width: 65px;padding-left: 15px;margin: 10px 25px;border-color: transparent;" >-->
			<!--源语言-->
			<!--</div>-->

			<!--<div id="src">-->
			<!--<div id="src-button" >-->
			<!--</div>-->
			<!--&lt;!&ndash;							<button type="button"  class="btn  language-button" style="width: 26px;padding-left: 4px;padding-right: 4px;border-radius: 0 5px 5px 0;outline: none;" data-target="#src-more" style="background-color: rgb(210 210 210)">-->
			<!--<span class="glyphicon glyphicon-triangle-bottom" style="color: rgb(255, 255, 255);"></span>-->
			<!--</button>&ndash;&gt;-->
			<!--<div id="src-more">-->
			<!--</div>-->
			<!--</div>-->
			<!--<div class="changeButton"></div>-->
			<!--<div class="Purposelanguage" style="width: 75px;padding-left: 15px;margin: 10px 25px;border-color: transparent;" >-->
			<!--目的语言-->
			<!--</div>-->

			<!--&lt;!&ndash;zhong&ndash;&gt;-->
			<!--<div id="dst" style="margin-left: 14%;">-->
			<!--<div id="dst-button" style="margin-left: 70px">-->
			<!--</div>-->
			<!--&lt;!&ndash;							<button type="button" class="btn  language-button" style="width: 26px;padding-left: 4px;padding-right: 4px;border-radius: 0 5px 5px 0;outline: none;" data-target="#dest-more">-->
			<!--<span class="glyphicon glyphicon-triangle-bottom" style="color: rgb(255, 255, 255);"></span>-->
			<!--</button>&ndash;&gt;-->

			<!--<div id="dest-more">-->
			<!--&lt;!&ndash;<button type="button" class="btn btn-default" style="border: 2px solid rgb(143, 207, 255);">中文简体</button>-->
			<!--<button type="button" class="btn btn-default" >英文</button>-->
			<!--<button type="button" class="btn btn-default" >西班牙语</button>&ndash;&gt;-->
			<!--</div>-->
			<!--</div>-->
			<!--&lt;!&ndash;					<ul class="select-content" id="area-select">-->
			<!--</ul>&ndash;&gt;-->
			<!--<div class="btn-group" style="float: right;margin-right: 65px">-->
			<!--<div class="select_box select-content  buttonimg"><input class="selectinput " style="border: none;font-size: 14px;text-align:center;width: 90px; line-height:40px;background-color: transparent;  margin-left: 17px;" type="text" readonly="readonly" id="connt">-->
			<!--<ul class="select_ul" style="display: none; " id="area-select">-->
			<!--</ul>-->


			<!--</div>-->

			<!--<input id="dataIDs-box" type="hidden">-->
			<!--</div>-->
			<!--</div>-->
			<!--</div>-->
			<!--end language-->
			<div class="row" id="language-box" style="margin:25px 0px 0px 0px">
				<div class="content-left col-md-12 clearfix">
					<div class="sourcelanguage" style="width: 65px;padding-left: 15px;margin: 10px 25px;border-color: transparent;" >
						源语言
					</div>

					<div id="src">
						<div id="src-button" >
						</div>
						<!--							<button type="button"  class="btn  language-button" style="width: 26px;padding-left: 4px;padding-right: 4px;border-radius: 0 5px 5px 0;outline: none;" data-target="#src-more" style="background-color: rgb(210 210 210)">
                                                        <span class="glyphicon glyphicon-triangle-bottom" style="color: rgb(255, 255, 255);"></span>
                                                    </button>-->
						<div id="src-more">
						</div>
					</div>
					<div class="changeButton"></div>
					<div class="Purposelanguage" style="width: 75px;padding-left: 15px;margin: 10px 25px;border-color: transparent;" >
						目的语言
					</div>

					<!--zhong-->
					<div id="dst" style="margin-left: 14%;">
						<div id="dst-button" style="margin-left: 70px">
						</div>
						<!--							<button type="button" class="btn  language-button" style="width: 26px;padding-left: 4px;padding-right: 4px;border-radius: 0 5px 5px 0;outline: none;" data-target="#dest-more">
                                                        <span class="glyphicon glyphicon-triangle-bottom" style="color: rgb(255, 255, 255);"></span>
                                                    </button>-->

						<div id="dest-more">
							<!--<button type="button" class="btn btn-default" style="border: 2px solid rgb(143, 207, 255);">中文简体</button>
                       <button type="button" class="btn btn-default" >英文</button>
                       <button type="button" class="btn btn-default" >西班牙语</button>-->
						</div>
					</div>
					<!--					<ul class="select-content" id="area-select">
                                            </ul>-->
					<div class="btn-group" style="float: right;margin-right: 65px">
						<div class="select_box select-content  buttonimg"><input class="selectinput " style="border: none;font-size: 14px;text-align:center;width: 90px; line-height:40px;background-color: transparent;  margin-left: 17px;" type="text" readonly="readonly" id="connt">
							<ul class="select_ul" style="display: none; " id="area-select">
							</ul>


						</div>

						<input id="dataIDs-box" type="hidden">
					</div>
				</div>
			</div>
			<div class="Order-row" style="margin-top: 25px">
				<div class="col-md-12 col-ms-12 col-xs-12 " style="text-align: center;margin-top: 20px;">
					<button type="button" class="graybutton"  id="Orderbtn" disabled="disabled" data-toggle="modal" data-target="#myModal">
						同意并提交订单
					</button>
				</div>
				<div class="col-md-12 col-ms-12 col-xs-12 ">
					<div style="text-align: center">
						<div class="checkbox" style="margin-top: 10px; margin-bottom: 40px;display: none">
							<label style="font-size:12px;">
                                <span class="checkbox-checked">
                                  <input type="checkbox" class="checkbox1" value="on">
                                <span>我已阅读并同意</span>
						<a href="protocal.html" target="_blank">《文档翻译用户协议》</a>
						</span>
							</label>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--footer-->
		<!--Words on the left-->
		<!--end Words on the left-->
	</div>
	<div class="change-password" id="changePasswordWindow" style="display: none">
		<div class="change-password-head">
			修改密码
			<div class="close-button"  style="margin-left: 33%" id="closeButton"></div>
		</div>
		<div class="change-password-body">
			<div class="change-password-input" style="margin-left: 51px;">
				<span class="change-password-title" style="margin-left: 24px;">旧密码:</span>
				<input type="password"  class="change-password-title-input" placeholder="请输入旧密码" style="width: 65%;" id="oldPassword"
					   onblur="validationOldPassword()"/>
				<div class="error" v-show="isOldPasswordErrorShown" style="margin-left: 90px;display: none" id="isOldPasswordErrorShown">
					旧密码不能为空
				</div>
			</div>
			<div class="change-password-input" style="margin-left: 51px;">
				<span class="change-password-title" style="margin-left:24px">新密码:</span>
				<input type="password" class="change-password-title-input" placeholder="请输入密码" style="width: 65%;" id="newPassword"
					   onblur="verifyNewPassword()"/>
				<div class="error"  style="margin: 3px 0 0% 86px;" id="isNewPassWordErrorShown">
				</div>
			</div>
			<div class="change-password-input" style="margin-left: 51px;">
				<span class="change-password-title">确认密码:</span>
				<input type="password"  class="change-password-title-input" placeholder="请输入确认密码" style="width: 65%;" id="confrimPassword"
					   onblur="validationNewPassword()"/>
				<div class="error"  style="margin-left: 90px;display: none" id="isConfrimNewPasswordErrorShown">
					两次密码不一致
				</div>
			</div>
			<div class="change-password-button">
				<div class="cancel">
					取消
				</div>
				<div class="confirm" onclick="uploadPassword()">
					确定
				</div>
			</div>
		</div>
	</div>
</div>
<footer style="transform: translateY(0px); ">
	<div class="footer">
		<p>中译语通科技股份有限公司 Chinese(Simplified)</p>
		<p>Copyright 2019 www.yeekit.com All rights reserved. 京ICP备13002826号-6</p>
	</div>
</footer>
</div>
<!-- 登录_注册 -->
<div class="box">
	<div class="Land">
		<p class="Close">x</p>
		<ul class="state">
			<li class="cur" id="login-box">登录</li>
			<!--<li id="register-box">注册</li>-->
		</ul>

		<div class="LandingInformation centerbox">
			<form id="login-form">
				<p>
					<span class="glyphicon glyphicon-phone"></span>
					<input type="text" placeholder="输入用户名" id="login-phone" name="username">
				</p>
				<p>
					<span class="glyphicon glyphicon-ok-circle"></span>
					<input type="text" placeholder="输入验证码" name="imageCode" style="width:70%" id="login-imageCode">
					<img src="" id="login-change" onclick="getImage(0)" />
					<img src="img/loading.gif" class="loading_img" style="display: none;">
				</p>
				<p>
					<span class="glyphicon glyphicon-lock"></span>
					<input type="password" placeholder="输入密码" id="login-password" name="password">
				</p>
				<input type="hidden" name="loginmode" value="2" />
			</form>
			<button type="button" id="Land" class="postBut">登录</button>
		</div>

		<div class="LandingInformation centerbox" style="display: none">
			<form id="registered-form" onsubmit="return false;">
				<p>
					<span class="glyphicon glyphicon-phone"></span>
					<input type="text" placeholder="输入用户名" id="phone" name="username">
				</p>
				<!--	<p>
                        <span class="glyphicon glyphicon-ok-circle"></span>
                        <input type="text" placeholder="输入验证码" id="Verification" name="imageCode" style="width:70%">
                        <img src="" id="image-change" onclick="getImage(1)" />
                        <img src="img/loading.gif" class="loading_img" />
                    </p>-->
				<p>
					<span class="glyphicon glyphicon-lock"></span>
					<input type="password" placeholder="输入不少于6位的密码" id="Password" name="password">
				</p>
				<!--<div class="checkbox">
                    <label>
                          <input type="checkbox"  value="on" checked  id="pro_checkbox">
                          <span>我已阅读并同意</span>
                          <a href="protocal.html" target="_blank">《文档翻译用户协议》</a>
                    </label>
                </div>-->
			</form>
			<button type="button" id="register" class="notCheck" disabled="disabled">注册</button>
		</div>
	</div>
</div>
</body>

<!--script src="lib/statistical.js"></script-->
<script src="lib/jquery.min.js"></script>
<script src="lib/bootstrap.min.js"></script>
<script src="font_698860_17hej2il3m1jor/iconfont.js"></script>
<script src="js/common.js"></script>
<script src="js/index.js"></script>

<script>
    $("#loginIn").click(function() {
        $('.state').show();
        // var i = 1 - $("#header_Land > span").index(this);
        var i = 0;
        console.log(i);
        showLogin(i);
    })
    //        关闭
    $(".Close").click(function() {
        $(".box").hide();
        $(".header").css("opacity", "1")
    })

    $(".language-button").click(function(e) {
        var traget = $(this).attr('data-target');
        $(traget).slideToggle();
        return false;
    })
    $('#src-button').click(function (event) {
        if($("#src-more").css('display')=='none') {
            $('#src-more').show();
        }else if($("#src-more").css('display')=='block'){
            $('#src-more').hide();
        }
        if($("#dest-more").css('display')=='block'){
            $('#dest-more').hide();
        }
        if( $('.select_ul').css('display')=='block'){
            $('.select_ul').hide();
        }
        event.stopPropagation();


    });
    $('#dst-button').click(function (event) {
        if($("#dest-more").css('display')=='none') {
            $('#dest-more').show();
        }else if($("#dest-more").css('display')=='block'){
            $('#dest-more').hide();
        }
        if($("#src-more").css('display')=='block'){
            $('#src-more').hide();
        }
        if( $('.select_ul').css('display')=='block'){
            $('.select_ul').hide();
        }
        event.stopPropagation();


    });




    $('#src-button1').click(function (event) {
        if($("#src-more1").css('display')=='none') {
            $('#src-more1').show();
        }else if($("#src-more1").css('display')=='block'){
            $('#src-more1').hide();
        }
        if($("#dest-more1").css('display')=='block'){
            $('#dest-more1').hide();
        }
        if( $('.select_ul1').css('display')=='block'){
            $('.select_ul1').hide();
        }
        event.stopPropagation();


    });
    $('#dst-button1').click(function (event) {
        if($("#dest-more1").css('display')=='none') {
            $('#dest-more1').show();
        }else if($("#dest-more1").css('display')=='block'){
            $('#dest-more1').hide();
        }
        if($("#src-more1").css('display')=='block'){
            $('#src-more1').hide();
        }
        if( $('.select_ul1').css('display')=='block'){
            $('.select_ul1').hide();
        }
        event.stopPropagation();


    });


    /*        $('.select_box').click(function (event) {
                if( $('.select_ul').css('display')=='block'){
                    $('.select_ul').hide();
                }else if($('.select_ul').css('display')=='none'){
                    $('.select_ul').show();
                }

                if($("#dest-more").css('display')=='block'){
                    $('#dest-more').hide();
                }
                if($("#src-more").css('display')=='block'){
                    $('#src-more').hide();
                }
                event.stopPropagation();


            });*/
    $("body").click(function(e) {
        $("#dest-more").hide();
        $("#src-more").hide();
        $("#area-select").hide();
    })

</script>

</html>
